<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>adminLTE入门案例</title>
    <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="plugins/adminLTE/css/skins/_all-skins.css">
</head>
<body class="hold-transition skin-blue sidebar-mini">
 <div class="wrapper">
   <header class="main-header">
       <a class="logo">
           <span class="logo-lg"><b>数据</b>后台管理</span>
       </a>
       <nav class="navbar navbar-static-top">
           这也是上部的内容
       </nav>
   </header>


     <aside class="main-sidebar">
       <ul  class="nav navbar-nav">
           <li class="dropdown messages-menu"><a href="http://www.baidu.com" target="myIframe">百度</a></li>
           <li class="dropdown messages-menu"><a href="http://www.itheima.com" target="myIframe">黑马</a></li>
       </ul>

     </aside>

     <div class="content-wrapper">
         <iframe name="myIframe" style="width: 1000px;height: 800px"/>
     </div>

     <footer class="main-footer">
         这是底部的区域内容
     </footer>



 </div>
</body>
</html>